<template>
  <view class="body">
    <view class="no_data">
      <image class="img_nodata" src="https://ainengli.hzjrsw.com/jkhx/no_physical.png"></image>
      <view class="text">我们需要根据您的体检报告</view>
      <view class="text">为您制定个性化健康管理方案</view>
      <view class="text green">请耐心等待体检报告，或预约体检</view>
      <view class="button" @tap="reservationCheckup">预约体检</view>
    </view>
  </view>
</template>

<script setup lang="ts">
const reservationCheckup = () => {
  console.log('跳转第三方 预约体检  未提供第三方链接')
  //   uni.navigateTo({ url: '/pages/questionaire/enter' })
}
</script>

<style lang="scss" scoped>
.body {
  width: 100%;
  height: 100vh;
  background: #fff;
  .no_data {
    overflow: hidden;
    text-align: center;
    .img_nodata {
      margin-top: 142rpx;
      margin-bottom: 32rpx;
      width: 336rpx;
      height: 276rpx;
    }
    .text {
      margin: 0 auto;
      width: 488rpx;
      font-weight: 500;
      font-size: 32rpx;
      color: #222222;
      line-height: 58rpx;
    }
    .green {
      color: #00d1b6;
    }
    .button {
      margin: 48rpx auto;
      width: 558rpx;
      height: 88rpx;
      line-height: 88rpx;
      text-align: center;
      background: #00d1b6;
      border-radius: 44rpx;
      font-weight: 600;
      font-size: 32rpx;
      color: #ffffff;
    }
  }
}
</style>
